﻿@charset "utf-8";
/* CSS Document */
/*----------------js部分样式表--------------------*/
div.blackgroundLock { position: fixed; _position: absolute; _right: expression(eval(document.documentElement.scrollRight)); _top: expression(eval(document.documentElement.scrollTop)); clear: both; overflow: hidden; margin: 0; padding: 0; -moz-opacity: .5; top: 0; left: 0; width: 100%; height: 100%; background-image: url(/templates/images/b.png); }
.windowSide { -moz-opacity: 1.0; margin: 0; padding: 0; background-color: #d6e2f2; border: 1px solid #9bbbe2; display: table; position: absolute; }
div.windowInside { margin: 5px 5px 0 5px; padding: 0; display: table; }
div.windowTitlePanel { text-align: left; cursor: move; font-weight: bold; line-height: 22px; height: 22px; margin: 0; padding: 0; }
.winIcon { float: left; width: 16px; height: 16px; margin-right: 3px; background-image: url(/templates/images/jspxnet16.png); background-repeat: no-repeat; }
.winUserIcon { float: left; width: 16px; height: 16px; margin-right: 3px; background-image: url(/templates/images/user16.png); background-repeat: no-repeat; }
.windowButtonPanel { float: right; _margin-right: -5px; }
    .windowButtonPanel span { width: 15px; height: 15px; margin: 1px; _margin-bottom: -5px; cursor: pointer; float: left; background-image: url(/templates/images/tool-sprites.gif); }
.minWindow { background-position: 0 -15px; }
    .minWindow:hover { background-position: -15px -15px; }
.maxWindow { background-position: 0 -30px; }
    .maxWindow:hover { background-position: -15px -30px; }
.zoomWindow { background-position: 0 -45px; }
    .zoomWindow:hover { background-position: -15px -45px; }
.closeWindows { background-position: 0 0; }
    .closeWindows:hover { background-position: -15px 0; }
.windowContext { width: 100%; background-color: #fff; word-wrap: break-word; margin: 0; padding: 0; clear: both; display: table; position: relative; }
div.dragSizePanel { _padding-left: 10px; _margin-top: -13px; margin: 0; padding: 0; height: 5px; position: relative; }
a.dragSizeOperate { width: 5px; height: 5px; margin: 0; padding: 0; float: right; cursor: se-resize; background: url(/templates/images/drap_perate_bg.gif) repeat-x right top; line-height: 5px; display: block; _background-position: 0 0; _text-decoration: none; }
button.jdialog-ok-button { border: 1px solid #a2acca; background-image: url(/templates/images/icon-yes.png); background-repeat: no-repeat; background-position: 1px; padding-left: 20px; margin: 1px; height: 22px; }
    button.jdialog-ok-button:hover { border: #360 solid 1px; }
button.jdialog-no-button { border: 1px solid #a2acca; background-image: url(/templates/images/icon-no.png); background-repeat: no-repeat; background-position: 1px; padding-left: 20px; margin: 1px; height: 22px; margin: 0; }
    button.jdialog-no-button:hover { border: #360 solid 1px; }
.jdialogButtonPanel { background: #f1f1f1; padding: 0; margin: 0; clear: both; text-align: right; width: 100%; left: 0; bottom: 0; display: block; }
.jdialogContentPanel { padding: 0; margin: 0; clear: both; background-color: #FFF; display: block; overflow: auto; }
div.jdialog_colorPanel { width: 420px; float: inherit; background-color: #fff; padding: 0; margin: 0; }
div input.jdialog_colorInput { width: 60px; float: left; height: 17px; }
div.jdialog_colorPanel span { display: block; clear: both; width: 100%; height: 16px; padding: 0; margin: 0; }
div.jdialog_colorPanel div { float: left; height: 10px; width: 10px; margin: 1px; padding: 0; }
    div.jdialog_colorPanel div:hover { margin: 0; border: 1px solid red; cursor: pointer; }
.tabsheader ul { display: inline; list-style-type: none; margin: 0; padding: 0; text-align: center; }
.tabsheader li.current:visited, .tabsheader a.current, .tabsheader a.current:hover { width: 84px; position: relative; float: left; margin-right: 2px; background: url(/templates/images/tabsdark.gif); padding-top: 6px; height: 24px; }
.tabsheader li { width: 84px; position: relative; float: left; margin-right: 2px; background-image: url(/templates/images/tabsdark.gif); background-position: -87px 0; padding-top: 8px; height: 24px; color: #FFF; }
    .tabsheader li:hover { background-image: url(/templates/images/tabsdark.gif); background-position: -175px 0; padding-top: 6px; height: 24px; background-color: transparent; }
div.slidingDoor { margin: 0; padding: 0; padding-left: 10px; clear: both; height: 98%; overflow: hidden; display: block; background: transparent url(/templates/images/currentdoor_bg.gif) repeat-x bottom; }
    div.slidingDoor a { background: transparent url(/templates/images/currentdoor.gif) no-repeat scroll right top; display: block; float: left; height: 24px; padding-right: 10px; margin-right: 10px; text-decoration: none; color: #000; }
    div.slidingDoor span { background: transparent url(/templates/images/currentdoor_span.gif) no-repeat; display: block; padding: 5px 1px 5px 11px; line-height: 14px; color: #000; cursor: pointer; }
    div.slidingDoor a:hover { background-position: right -24px; }
        div.slidingDoor a:hover span { background-position: left -24px; }
    div.slidingDoor a:active { background-position: right -48px; outline: 0; }
        div.slidingDoor a:active span { background-position: left -48px; padding: 6px 0 4px 12px; }
    div.slidingDoor a.currentDoor, div.slidingDoor a.selected { background-position: right -48px; outline: 0; }
        div.slidingDoor a.currentDoor span, div.slidingDoor a.selected span { background-position: left -48px; padding: 6px 0 4px 12px; }
div.tabs { clear: both; width: 100%; height: 29px; }
    div.tabs ul { margin: 0 5px; }
        div.tabs ul li { float: left; background: url(/share/images/childmenu_bg_out.gif) no-repeat; list-style-type: none; }
            div.tabs ul li a { width: 116px; height: 29px; text-align: center; font-size: 14px; line-height: 28px; display: block; }
            div.tabs ul li.selected { background: url(/share/images/childmenu_bg_on.gif) no-repeat; }
a.button span { padding: 0; margin: 0; cursor: pointer; color: #000; }
a.button { background: transparent url(/templates/images/icon-button.gif) no-repeat scroll right top; display: block; float: left; height: 24px; padding-right: 10px; margin-right: 10px; text-decoration: none; }
    a.button span { background: transparent url(/templates/images/icon-buttion-span.gif) no-repeat; display: block; padding: 5px 1px 5px 11px; line-height: 14px; }
    a.button:hover { background-position: right -24px; }
        a.button:hover span { background-position: left -24px; }
    a.button:active { background-position: right -48px; outline: 0; }
        a.button:active span { background-position: left -48px; padding: 6px 0 4px 12px; }
a.block { margin: 4px; padding: 2px; box-shadow: 0 1px 2px #aaa; color: #666; font-size: 90%; display: run-in; margin: 2px 5px 5px 2px; border-radius: 6px 6px 6px 6px; text-decoration: none; float: left; }
    a.block:hover { color: #060; text-decoration: none; }
div.colorPanel { position: absolute; width: 73px; float: left; background-color: #CCC; z-index: 110; padding: 0; margin: 0; }
    div.colorPanel div { float: left; height: 16px; width: 16px; margin: 1px; padding: 0; }
        div.colorPanel div:hover { margin: 0; padding: 0; border: 1px solid red; }
div.vertical { position: absolute; z-index: 100; width: 2px; background-color: #CCC; }
div.caption { position: absolute; z-index: 100; background-color: #ebf1eb; }
.JDataTable .td input.color { width: 90%; background: url(/templates/images/color.png) no-repeat 1px 1px; padding-left: 14px; }
.JDataTable .td .colorPanel { position: absolute; z-index: 100; width: 73px; float: left; background-color: #CCC; }
    .JDataTable .td .colorPanel span { float: left; height: 10px; width: 99%; margin: 0; padding: 0; border: 1px solid #000; }
    .JDataTable .td .colorPanel div { float: left; height: 16px; width: 16px; margin: 1px; }
        .JDataTable .td .colorPanel div:hover { margin: 0; border: 1px solid red; }
div.treePanel { display: block; }
.treePanel li ul.treeNodes { padding: 0 0 0 20px; *padding: 0; *margin: 0 0 0 15px; background-attachment: scroll; background-image: url(/templates/images/elbow.gif); background-repeat: repeat-y; line-height: 9px; }
.treePanel li.treeLiNode { margin: 5px auto; list-style-type: none; padding: 0; }
.treePanel .treeLiNode div:hover { background: #ccc; }
.treePanel .treeNodeControlPanel { position: absolute; left: 50%; margin-top: -20px; *margin-top: auto; }
.treePanel div.treeLiDiv input.editCaption { margin: 0; }
.treePanel div.treeLiDiv span { cursor: pointer; }
    .treePanel div.treeLiDiv span.seleced { border: #000 dotted 1px; color: red; background-color: #e4ebfc; }
.treePanel div.treeLiDiv button { margin: 0; padding-right: 10px; background: url(/templates/images/dialog-operate.gif) scroll no-repeat; height: 17px; border: 0; cursor: pointer; float: left; }
    .treePanel div.treeLiDiv button.treeNodeWrapButton { margin: 0; padding-right: 8px; background: url(/templates/images/elbow-minus.gif) scroll no-repeat; height: 17px; width: 20px; border: 0; cursor: pointer; float: left; }
.treePanel .treeNodeControlPanel button.treeNodeAddButton { background-position: 0 -68px; *background-position: 3px -68px; }
.treePanel .treeNodeControlPanel button.treeNodeUpButton { background-position: 0 -34px; width: 23px; background: 'url(/templates/images/dialog-operate.gif) 0 -34px'; cursor: pointer; }
.treePanel .treeNodeControlPanel button.treeNodeDownButton { background-position: 0 -17px; width: 23px; background: url(/templates/images/dialog-operate.gif) 0 -17px; cursor: pointer; }
.treePanel .treeNodeControlPanel button.treeNodeDeleteButton { background-position: 0 0; width: 23px; }
.treePanel .treeNodeControlPanel button.treeNodeEidtButton { background-position: 0 -51px; *background-position: 3px -51px; }
.selectTreePanel { -webkit-border-radius: 5px; -moz-border-radius: 5px; }
    .selectTreePanel div.treeLiDiv button { margin: 0; padding-right: 10px; background: url(/script/images/dialog-operate.gif) scroll no-repeat; height: 17px; border: 0; cursor: pointer; }
    .selectTreePanel .treeLiDiv button.treeNodeWrapButton { margin: 0; padding-right: 8px; background: url(/script/images/elbow-minus.gif) scroll no-repeat; height: 17px; width: 20px; border: 0; cursor: pointer; }
    .selectTreePanel li { list-style-type: none; }
        .selectTreePanel li li div { background-color: #AAA; }
        .selectTreePanel li li li div { background-color: #c4c4c4; }
        .selectTreePanel li li li li div { background-color: #e4e4e4; }
        .selectTreePanel li[class=".selectTreeLiNode"] { background-color: #000; }
    .selectTreePanel .treeLiNode { clear: both; }
    .selectTreePanel .treeLiDiv { border: 2px solid #FFF; padding: 5px; text-align: left; color: #000; font-size: 12px; cursor: pointer; }
    .selectTreePanel .selectTreeLiNode { clear: none; float: left; margin: auto 5px; }
        .selectTreePanel .selectTreeLiNode div { border: 1px solid #fff; padding-left: 20px; background: #fff scroll url(/share/icon/icon.gif) no-repeat 3px -154px; color: #000; white-space: nowrap; cursor: pointer; font-size: 12px; }
            .selectTreePanel .selectTreeLiNode div:hover { background: 0; border: 1px solid #b4c9e0; padding-left: 20px; background: #fff scroll url(/share/icon/icon.gif) no-repeat 3px -314px; }
div.progressBarBg { background: url('images/progress-bar-back.gif') right center no-repeat; height: 20px; width: 100%; }
div.progressBarPoint { background: url('images/progress-bar.gif') right center no-repeat; height: 20px; width: 0; }
div.progressBarText { text-align: center; font-size: 11px; color: #000; padding: 3px 0 0 10px; }
div.dotSlider { font-size: 12px; background-color: #f6f5f5; width: 200px; margin-bottom: 3px; border: 1px solid #bbb; }
div.redKnob { cursor: pointer; width: 12px; height: 12px; background-color: #900; border: 0; }
div.greenKnob { cursor: pointer; width: 12px; height: 124px; border: 0; background-color: #090; }
div.blueKnob { cursor: pointer; width: 12px; height: 12px; border: 0; background-color: #009; }
div.rating { font-size: 12px; height: 100%; margin-bottom: 3px; overflow: hidden; color: #2c2c2c; }
    div.rating span.txt { min-width: 50px; width: 50px; float: left; }
    div.rating .num { color: #656565; font-style: normal; margin: 0 6px; }
    div.rating div.ratingBar { background-color: #f6f5f5; border: 1px solid #bbb; height: 10px; float: left; margin-top: 1px; position: relative; }
    div.rating span.pointer { background-color: #f9ae3d; border: 1px solid #e87f16; font-size: 1px; min-height: 8px; max-height: 10px; height: 10px; left: -1px; position: absolute; top: -1px; }
div.attachGrid { border: solid #CCC 1px; width: 100%; }
    div.attachGrid div.buttonPanel { padding: 5px; line-height: 32px; }
        div.attachGrid div.buttonPanel a { margin-left: 4px; }
    div.attachGrid ul { margin: 0; padding: 0; background-color: #FFF; overflow-y: scroll; list-style: none; }
        div.attachGrid ul li { border-bottom: #CCC dotted 1px; height: 28px; clear: left; }
            div.attachGrid ul li a { margin-right: 2px; cursor: pointer; }
            div.attachGrid ul li span.fileSort { margin: 2px; float: left; color: #600; }
            div.attachGrid ul li a.fileName { margin: 2px; overflow: hidden; float: left; }
                div.attachGrid ul li a.fileName img { margin-right: 2px; }
            div.attachGrid ul li div.controlPanel { clear: right; margin: 2px; float: right; text-align: left; }
.tagboxList-bits { zoom: 1; margin: 0; line-height: 20px; padding: 3px 4px 0; border: #CCC dotted 1px; *padding-bottom: 3px; display: table; }
.tagboxList-bit { list-style-type: none; float: left; display: block; padding: 0; margin: 0 5px 3px 0; cursor: default; }
.tagboxList-bit-editable { border: 1px solid #fff; }
.tagboxList-bit-editable-input { padding: 2px 0; margin: 0; *padding-bottom: 0; height: 14px; border: #999 solid 1px; width: 20px; }
    .tagboxList-bit-editable-input:focus { outline: 0; }
.tagbox-bit-box { position: relative; line-height: 20px; padding: 0 5px; -moz-border-radius: 9px; -webkit-border-radius: 9px; border-radius: 9px; border: 1px solid #cad8f3; background: #dee7f8; cursor: default; font-size: 12px; }
li.tagbox-bit-box img { height: 16px; vertical-align: text-bottom; }
li.tagbox-bit-box span.user, li.tagbox-bit-box span.group { padding-left: 1px; padding-right: 5px; }
ul.tagboxList-bits a.selectBtn { float: right; vertical-align: text-bottom; margin-top: 3px; }
li.tagbox-deletable { padding-right: 15px; }
a.tagbox-deletebutton { position: absolute; right: 3px; top: 0; display: inline; width: 7px; height: 7px; font-size: 11px; *margin: -4px; }
    a.tagbox-deletebutton:hover { border: 0; color: #F90; }
.tagbox-bit-box-hover { background: #bbcef1; border: 1px solid #6d95e0; }
.tagbox-bit-box-focus { border-color: #598bec; background: #598bec; color: #fff; }
    .tagbox-bit-box-focus .tagbox-deletebutton { background-position: bottom; }
.tip { width: 320px; background-color: #fcf9f1; border: solid #CCC 1px; -moz-box-shadow: -2px 2px -2px 2px #999 inset; -webkit-box-shadow: -2px 2px -2px 2px #999 inset; box-shadow: -2px 2px -2px 2px #999 inset; }
.tip-top { height: 26px; width: 320px; }
.tip-title { color: #063; font-weight: bold; margin: 0 10px 0 10px; }
.tip-text { padding: 2px 10px 10px 10px; text-indent: 2em; }
.tip-bottom { width: 320px; height: 10px; }
div.floatingPanel { position: fixed; _position: absolute; _right: expression(eval(document.documentElement.scrollRight)); _top: expression(eval(document.documentElement.scrollTop)); clear: both; overflow: hidden; margin: 0; padding: 0; }
    div.floatingPanel div.floatingMainBar { float: left; }
        div.floatingPanel div.floatingMainBar div.topPanel { height: 10px; clear: both; }
        div.floatingPanel div.floatingMainBar div.titPanel { font-size: 12px; text-align: center; color: #fff; clear: both; border: 1px solid #FFF; line-height: 25px; height: 25px; margin: 0 5px; font-weight: bold; letter-spacing: 5px; }
        div.floatingPanel div.floatingMainBar div.conPanel { background: #fff; margin: 0 5px 5px 5px; border: 1px solid #fff; text-indent: 12px; padding: 5px inherit; }
            div.floatingPanel div.floatingMainBar div.conPanel ol { padding: 0; margin: 0; list-style-position: inside; }
            div.floatingPanel div.floatingMainBar div.conPanel a { padding: 0; margin: 0; color: #000; text-decoration: none; }
div.floatingSideBar a.indexing { background: url(/share/icon/icons_top.png) no-repeat -2px -5px; display: block; height: 32px; width: 32px; background-color: #4e80b9; }
div.floatingSideBar a:hover { background-color: #F93; }
div.contentScrollPanel { margin: 0; padding: 0; position: relative; }
div.scrollPanel { margin: 0; padding: 0; overflow: hidden; position: relative; z-index: 2; }
    div.scrollPanel ul.scroll { margin: 0; padding: 0; z-index: 1px; }
        div.scrollPanel ul.scroll li { float: left; list-style: none; cursor: pointer; }
/ /*
div.contentScrollPanel div.titlePanel {
	position:absolute;
	z-index:1;
}*/
div.marqueeScrollPanel { margin: 0; padding: 0; position: relative; }
div.marqueeScrollPanel a.left, div.marqueeScrollPanel a.right { filter: alpha(opacity=60); opacity: .6; }
    div.marqueeScrollPanel a.left:hover, div.marqueeScrollPanel a.right:hover { filter: alpha(opacity=100); opacity: 1; }
div.marqueeScrollPanel ul.scroll li { margin: 0 0 0 1px; padding: 0; cursor: pointer; filter: alpha(Opacity=100); -moz-opacity: 1; opacity: 1; }
div.marqueeMenuPanel ul.scroll { position: relative; float: right; margin: 0; padding: 0; }
    div.marqueeMenuPanel ul.scroll li { float: left; list-style: outside; cursor: pointer; display: inline-block; margin: 4px; vertical-align: middle; }
        div.marqueeMenuPanel ul.scroll li a { background: none repeat scroll 0 0 #999; border-radius: 50%; display: block; overflow: hidden; padding-top: 9px; width: 9px; height: 0; }
    div.marqueeMenuPanel ul.scroll span a { color: #999; cursor: pointer; line-height: 16px; }
    div.marqueeMenuPanel ul.scroll li.selected, div.marqueeMenuPanel ul li.selected a { background: none repeat scroll 0 0 #F00; border-radius: 50%; height: 0; text-decoration: none; }
div.gotoPanel { width: 54px; bottom: 30px; font-weight: bold; padding: 0; margin: 0; position: fixed; right: 5px; }
    div.gotoPanel a { border-bottom: #FFF solid 1px; height: 53px; width: 54px; display: block; cursor: pointer; }
        div.gotoPanel a.gotoTop { background-image: url(/templates/images/btn_top.jpg); }
        div.gotoPanel a.feedback { background: url(/templates/images/btn_top.jpg); }
.::-webkit-input-placeholder { color: #838383; }
:-moz-placeholder { color: #838383; }
.placeholder { color: #ccc; }
/*js样式干预*/
#top-photo-button .scrollPanel,
#top-photo-button01 .scrollPanel,
#top-photo-button02 .scrollPanel { width: 304px; height: 20px; float: right; background-image: url(/templates/images/tit_rainbow_bg.jpg); }
#top-photo-here .contentScrollPanel .tit { width: 600px; position: absolute; color: #FFF; font-size: 3.5em; z-index: 1; top: 80px; left: 40px; }
#top-photo-here .contentScrollPanel .con { position: absolute; bottom: 20px; right: 0; width: 304px; z-index: 2; background-color: rgba(255,255,255,0.8); background-color: #fff\0; }
    #top-photo-here .contentScrollPanel .con span { margin: 20px; color: #000000; display: block; font-size: 0.8125em; }
#top-photo-here .cacheContainer .tit, #top-photo-here .cacheContainer .con { display: none; }
#top-photo-button .scrollPanel ul.scroll li,
#top-photo-button01 .scrollPanel ul.scroll li,
#top-photo-button02 .scrollPanel ul.scroll li { display: block; text-align: center; }
    #top-photo-button .scrollPanel ul.scroll li a,
    #top-photo-button01 .scrollPanel ul.scroll li a,
    #top-photo-button02 .scrollPanel ul.scroll li a { color: #FFFFFF; font-weight: bold; }
    #top-photo-button .scrollPanel ul.scroll li.selected,
    #top-photo-button01 .scrollPanel ul.scroll li.selected,
    #top-photo-button02 .scrollPanel ul.scroll li.selected { background: #ccc; }
#top-photo-here, #top-photo-button .contentScrollPanel img { width: 1002px; height: 368px; }
#top-photo-here01, #top-photo-button01 .contentScrollPanel img,
#top-photo-here02, #top-photo-button02 .contentScrollPanel img { width: 304px; height: 245px; }
    #top-photo-here01 .contentScrollPanel .infoPanel,
    #top-photo-here02 .contentScrollPanel .infoPanel { width: 304px; display: block; position: absolute; z-index: 1; bottom: 30px; font-size: 0.75em; padding: 0 10px; background-color: rgba(0,0,0,0.5); /* IE9、标准浏览器、IE6和部分IE7内核的浏览器(如QQ浏览器)会读懂 */ }
        #top-photo-here01 .contentScrollPanel .infoPanel span,
        #top-photo-here02 .contentScrollPanel .infoPanel span { color: #FFFFFF; }
        #top-photo-here01 .contentScrollPanel .infoPanel i,
        #top-photo-here02 .contentScrollPanel .infoPanel i { color: #68b0fc; display: block; font-style: normal; font-weight: bolder; }
#business-focus, #business-focus .contentScrollPanel img { width: 745px; height: 350px; }
#business-focus-button .scrollPanel { width: 100%; height: 20px; float: right; background-image: url(/templates/images/tit_business_focus.jpg); }
    #business-focus-button .scrollPanel .scroll { float: right; width: 26%; }
    #business-focus-button .scrollPanel ul.scroll li { display: block; text-align: center; }
        #business-focus-button .scrollPanel ul.scroll li a { color: #FFFFFF; font-weight: bold; }
        #business-focus-button .scrollPanel ul.scroll li.selected { background: #ccc; }
#business-focus .contentScrollPanel .tit { width: 600px; position: absolute; color: #FFF; font-size: 3.5em; z-index: 1; top: 50px; left: 40px; }
#business-focus .contentScrollPanel .con { position: absolute; bottom: 20px; width: 100%; z-index: 2; background-color: rgba(255,255,255,0.8); background-color: #fff\0; }
    #business-focus .contentScrollPanel .con span { margin: 10px; color: #000000; display: block; font-size: 0.8125em; }
#qqServerPanel { float: left; top: 300px; right: 20px; z-index: 10; position: fixed; _position: absolute; _bottom: auto; _top: expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop, 10)||80)-(parseInt(this.currentStyle.marginBottom, 80)||80))); }
/*-----------------页面部分样式表---------------------*/
body { behavior: url(csshover.htc); }
/*滚动条设置*/
html { scrollbar-arrow-color: #f4ae21; /*三角箭头的颜色*/ scrollbar-face-color: #f50061; /*立体滚动条的颜色*/ scrollbar-3dlight-color: #f50061; /*立体滚动条亮边的颜色*/ scrollbar-highlight-color: #f50061; /*滚动条空白部分的颜色*/ scrollbar-shadow-color: #f50061; /*立体滚动条阴影的颜色*/ scrollbar-darkshadow-color: #f50061; /*立体滚动条强阴影的颜色*/ scrollbar-track-color: #fff; /*立体滚动条背景颜色*/ scrollbar-base-color: #f50061; /*滚动条的基本颜色*/ }
::-webkit-scrollbar { width: 22px; }
::-webkit-scrollbar-thumb { background: #f50061; -webkit-box-shadow: #f50061; }
    ::-webkit-scrollbar-thumb:hover { background: #FF4D94; }
::-webkit-scrollbar-button { background: #79848e; width: 22px; height: 18px; }
    ::-webkit-scrollbar-button:decrement { background-image: url(/templates/images/scrollbar_up.jpg); }
    ::-webkit-scrollbar-button:increment { background-image: url(/templates/images/scrollbar_down.jpg); }
    ::-webkit-scrollbar-button:horizontal { /*水平向*/ background-image: none; }
body, ul, li { margin: 0; padding: 0; line-height: 1.6em; list-style-type: none; }
a { color: #333; cursor: pointer; }
    a:link, a:visited { text-decoration: none; }
    a:hover { text-decoration: underline; }
img { border: none; }
button { font-family: Arial, 微软雅黑, Microsoft YaHei, 黑体, SimHei, Helvetica, sans-serif; cursor: pointer; }
    button.btn { font-size: 1.2em; line-height: 1.5em; text-align: center; color: #FFFFFF; border: none; background-size: 100%; }
.clear { clear: both; }
.PanelBorder { border: 1px solid #CCCCCC; }
.wrap { width: 1002px; margin: auto; font-family: Arial, 微软雅黑, Microsoft YaHei, 黑体, SimHei, Helvetica, sans-serif; letter-spacing: 1px; }
    .wrap img { max-width: 100%; }
.innWarp { width: 100%; }
/*---通用主体面板---*/
/*通用面板窄*/
.narrowConPanel { width: 304px; float: left; }
/*通用面板宽*/
.wideConPanel { width: 668px; float: left; }
/*通用面板通栏*/
.bannerConPanel { width: 100%; clear: both; }
/*三等分分面板*/
.equallyConPanel { width: 334px; float: left; overflow: hidden; }
/*通用面板标题背景*/
.tBanner { background: url(/templates/images/titbg_banner.jpg) no-repeat right; }
.tNarrow { background: url(/templates/images/titbg_narrow.jpg) no-repeat -2px 8px; }
.tWide { background: url(/templates/images/titbg_wide.jpg) no-repeat right 8px; }
/*通用面板margin*/
.conPM { /*margin-right:2%;*/ margin-right: 30px; }
.mTop { margin-top: 15px; }
.bannerConPanel .titPanel, .narrowConPanel .titPanel, .wideConPanel .titPanel { height: 100%; clear: both; overflow: hidden; margin-bottom: 15px; }
    /*.bannerConPanel .titPanel h3, .narrowConPanel .titPanel h3, .wideConPanel .titPanel h3 { margin: 0; font-size: 1em; float: left; width: 108px; height: 25px; line-height: 25px; text-align: center; color: #FFFFFF; }*/
	.bannerConPanel .titPanel h3, .narrowConPanel .titPanel h3, .wideConPanel .titPanel h3 { margin: 0; font-size: 1em; float: left; padding:0 10px; height: 25px; line-height: 25px; text-align: center; color: #FFFFFF; }
.bannerConPanel .conPanel, .narrowConPanel .conPanel, .wideConPanel .conPanel { /*width:99%;*/ clear: both; font-size: 0.8125em; }
.equallyConPanel .titPanel,
.SolidPanel .titPanel /*纯色标题*/ { height: 45px; margin-bottom: 0; }
    .equallyConPanel .titPanel h3,
    .SolidPanel .titPanel h3 /*纯色标题*/ { width: 100%; line-height: 45px; text-align: center; font-size: 1em; color: #FFF; }
.equallyConPanel .conPanel { width: 332px; border-width: 0 1px 1px 1px; border-style: solid; border-color: #CCC; }
.borderL .conPanel { border-left: 1px solid #FFF; }
.equallyConPanel .conPanel .inn, .bannerConPanel .conPanel .inn, .narrowConPanel .conPanel .inn, .wideConPanel .conPanel .inn { margin: 1% 1% 0 1%; }
.equallyConPanel .conPanel li a, .bannerConPanel .conPanel li a, .narrowConPanel .conPanel li a, .wideConPanel .conPanel li a { }
.equallyConPanel .conPanel li span, .bannerConPanel .conPanel li span, .narrowConPanel .conPanel li span, .wideConPanel .conPanel li span { display: block; float: right; }
.equallyConPanel .conPanel li:hover, .bannerConPanel .conPanel li:hover, .narrowConPanel .conPanel li:hover, .wideConPanel .conPanel li:hover, .equallyConPanel .conPanel li:hover a, .bannerConPanel .conPanel li:hover a, .narrowConPanel .conPanel li:hover a, .wideConPanel .conPanel li:hover a { color: #ef1b70; }
.bannerConPanel .imgPanel { width: 1002px; clear: both; margin-top: 15px; overflow: hidden; height: 100%; }
    .bannerConPanel .imgPanel .img { float: left; width: 304px; margin-right: 30px; position: relative; }
        .bannerConPanel .imgPanel .img img { width: 304px; height: 225px; }
        .bannerConPanel .imgPanel .img .t { display: none; }
    .bannerConPanel .imgPanel .tit { float: left; width: 668px; font-weight: bold; font-size: 1em; }
        .bannerConPanel .imgPanel .tit h4 { margin: 0; font-size: 1em; line-height: 1.8em; text-align: center; float: left; font-size: 1.5em; clear: both; }
            .bannerConPanel .imgPanel .tit h4 a { color: #26bdef; }
        .bannerConPanel .imgPanel .tit span { clear: both; display: block; font-size: 0.75em; }
    .bannerConPanel .imgPanel:hover { background: #efefef; }
        .bannerConPanel .imgPanel:hover .tit h4 { background: -webkit-linear-gradient(left, red, #ff00f2, #5700ff, #20d0c6, #0efc00); -webkit-text-fill-color: transparent; -webkit-background-clip: text; color: #ef1a6e; }
        .bannerConPanel .imgPanel:hover .img .t { display: block; width: 304px; position: absolute; bottom: 0; left: 0; background: #fff; text-align: center; font-weight: bold; }
    .bannerConPanel .imgPanel .con { float: left; width: 668px; font-size: 0.875em; }
/*更多*/
div.more { width: 100%; clear: both; overflow: hidden; }
.more a:hover { filter: alpha(opacity=60); -moz-opacity: 0.6; -khtml-opacity: 0.6; opacity: 0.6; }
.more a { text-decoration: none; background: #26bdef; color: #FFFFFF; font-size: 0.75em; line-height: 1.3em; width: 65px; height: 1.3em; font-family: Arial,SimHei,Helvetica, sans-serif; text-align: center; display: block; float: right; }
/*切换窗口*/
.tabTxtBtn { clear: both; height: 46px; }
    .tabTxtBtn li { float: left; display: block; width: 180px; list-style-type: none; text-align: center; cursor: pointer; font-size: 1em; line-height: 46px; color: #fff; background: #48009a; position: relative; }
.tabTxtBtn5Column li{
	width:149px;
}
    .tabTxtBtn .tabButton_current { background-size: 100%; }
        .tabTxtBtn .tabButton_current span { display: block; width: 0; height: 0; border-width: 10px; border-style: solid dashed dashed dashed; border-color: #48009a transparent transparent transparent; position: absolute; top: 46px; left: 45%; }
.tab_cont { clear: both; padding-top: 15px; }
#desPanel2BluePurple .tabTxtBtn li.tabButton_current { background: #26bdef; }
    #desPanel2BluePurple .tabTxtBtn li.tabButton_current span { border-color: #26bdef transparent transparent transparent; }
#desPanel2redPurple .tabTxtBtn li.tabButton_current { background: #ef1a6e; }
    #desPanel2redPurple .tabTxtBtn li.tabButton_current span { border-color: #ef1a6e transparent transparent transparent; }
#desPanelIndex { width: 304px; height: 421px; background: #e8e8e8; }
    #desPanelIndex .tabTxtBtn { width: 86px; float: left; padding-top: 46px; }
        #desPanelIndex .tabTxtBtn li { float: none; width: 100%; height: 40px; background: #e8e8e8; color: #000000; font-size: 0.875em; }
        #desPanelIndex .tabTxtBtn .tabButton_current { background: #26bef0; }
            #desPanelIndex .tabTxtBtn .tabButton_current span { border: none; }
    #desPanelIndex .tab_cont { float: left; width: 218px; clear: none; padding: 0; }
#desPanel3 .tabTxtBtn li:nth-child(2) { background: #26bdef; }
    #desPanel3 .tabTxtBtn li:nth-child(2) span { border-color: #26bdef transparent transparent transparent; }
#desPanel3 .tabTxtBtn li:nth-child(3) { background: #ef1a6e; }
    #desPanel3 .tabTxtBtn li:nth-child(3) span { border-color: #ef1a6e transparent transparent transparent; }
/*qq在线服务面板*/
.qqServerPanel { /*width:233px;*/ }
    .qqServerPanel .foldBtnPanle { width: 33px; float: left; cursor: pointer; }
    .qqServerPanel .qqPanel { width: 180px; float: left; background: #79848e; text-align: center; }
        .qqServerPanel .qqPanel .tit, .qqServerPanel .qqPanel .foot { font-size: 0.875em; line-height: 2.5em; color: #FFFFFF; clear: both; text-align: center; }
        .qqServerPanel .qqPanel .con { margin: auto 10px; width: 160px; background: #fff; padding: 10px 0; clear: both; }
            .qqServerPanel .qqPanel .con li { clear: both; list-style-type: none; margin: 10px auto; }
#qqServerPanel #qStit { width: 30px; display: block; position: absolute; text-align: center; left: 5px; color: #FFFFFF; -moz-border-radius: 5px; /* Gecko browsers */ -webkit-border-radius: 5px; /* Webkit browsers */ border-radius: 5px; /* W3C syntax */ }
#qqServerPanel #qStit { background: #26bdef; }
/*底部宣传栏*/
.bottomAd { width: 100%; height: 100%; clear: both; margin: 15px auto; background: #ececec; padding: 10px 0; overflow: hidden; }
    .bottomAd li { float: left; margin: auto 50px; }
/*--------头部--------*/
.header { width: 100%; height: 136px; clear: both;}
    .header .logoPanel { width: 315px; float: left; }
        .header .logoPanel img { margin: 5px 8px; }
    .header .loginPanel { width: 675px; height: 58px; float: right; text-align: right; }
        .header .loginPanel a { display: inline-block; text-align: center; width: 88px; height: 45px; line-height: 45px; color: #FFFFFF; font-size: 0.875em; text-decoration: none; margin: 0; }
            .header .loginPanel a:hover { background: #26bdef; }
    .header .infoPanel { width: 675px; margin-top: 50px; float: right; font-size: 0.8125em; line-height: 1.6em; text-align: right; }
        .header .infoPanel span { margin: 5px; }
        .header .infoPanel a { color: #2ca6e0; }
            .header .infoPanel a:hover { color: #e63178; }
/*--------导航--------*/
.nav { width: 100%; height: 58px; clear: both; background: #26bef0; margin-top: 1px; }
    .nav li { float: left; list-style-type: none; font-size: 1.1em; width: 167px; }
        .nav li a { display: block; width: 100%; height: 58px; line-height: 58px; color: #FFFFFF; text-align: center; }
        .nav li:hover a { color: #000; background: #dfdfdf; text-decoration: none; }
        .nav li ul { z-index: 100; }
    .nav .about ul { margin-left: 26px; }
    .nav .news ul { margin-left: -97px; }
    .nav .business ul { margin-left: -373px; }
    .nav .business a { background: #ef1a6e; }
    .nav .brand ul { margin-left: -80px; }
    .nav .service ul { margin-left: -53px; }
    .nav li ul { position: absolute; display: none; border: 1px solid #d5d5d5; }
    .nav li:hover ul { display: block; *margin: 0; }
    .nav li li { width: 109px; *width: 165px; }
        .nav li li a { background: #dfdfdf; color: #000; font-size: 0.75em; height: 29px; line-height: 29px; }
            .nav li li a:hover { background: #48009a; color: #fff; }
/*首页头部*/
.idxHeader { width: 100%; height: 138px; clear: both; }
    .idxHeader .logoPanel { width: 315px; float: left; }
        .idxHeader .logoPanel img { margin: 5px 8px; }
    .idxHeader .loginPanel { width: 675px; height: 80px; float: right; text-align: right; }
        .idxHeader .loginPanel a { display: inline-block; text-align: center; width: 88px; height: 45px; line-height: 45px; color: #FFFFFF; font-size: 0.875em; text-decoration: none; margin: 0; }
            .idxHeader .loginPanel a:hover { background: #26bdef; }
    .idxHeader .nav { width: 675px; height: 58px; background: #26bef0; float: right; clear: none; }
        .idxHeader .nav li { width: 135px; }
        .idxHeader .nav .about ul { margin-left: 15px; }
        .idxHeader .nav .news ul { margin-left: -162px; }
        .idxHeader .nav .business ul { margin-left: -397px; }
        .idxHeader .nav .brand ul { margin-left: -83px; }
        .idxHeader .nav .service ul { margin-left: -67px; }
        .idxHeader .nav li li { width: 100px; *width: 165px; }
/*--------主体--------*/
.main { clear: both; height: 100%; overflow: hidden; margin-bottom: 25px; }
/*位置栏*/
.currentPosition { width: 100%; clear: both; /*background-color:#26bdef;*/ background: #26acd8; }
    .currentPosition a, .currentPosition span { margin: 5px 0 5px 10px; color: #FFFFFF; font-size: 0.8125em; line-height: 2em; }
.focusPanel { width: 100%; clear: both; }
.dividingLine { width: 100%; clear: both; }
/*侧边栏*/
.sideBar { width: 227px; float: left; }
/*搜索面板*/
.searchPanel { clear: both; background: #48009a; height: 42px; }
    .searchPanel input { width: 173px; height: 32px; margin: 3px; line-height: 19px; text-indent: 1em; background: #fff; color: #333; border: 1px solid #48009a; *float: left; }
    .searchPanel .button { width: 36px; height: 36px; background-image: url(/templates/images/search_btn.gif); border: none; cursor: pointer; vertical-align: top; *float: left; }
/*侧边栏*/
.sideBar .menuPanel { clear: both; overflow: hidden; height: 100%; margin-top: 25px; }
    .sideBar .menuPanel ul { background: #E8E8E8; }
    .sideBar .menuPanel li a { font-size: 0.875em; line-height: 3em; width: 100%; display: block; text-indent: 0.6em; }
        .sideBar .menuPanel li a:hover { background-color: #27bdef; color: #FFFFFF; text-decoration: none; }
.sideBar .navPanel { clear: both; overflow: hidden; height: 100%; margin-top: 25px; }
    .sideBar .navPanel ul { padding: 10px 0; background: #ef1d70; }
    .sideBar .navPanel li { clear: both; }
        .sideBar .navPanel li a { color: #FFFFFF; font-size: 1.25em; line-height: 2em; text-indent: 1em; display: block; }
            .sideBar .navPanel li a:hover { background-color: #C80B52; text-decoration: none; }
        .sideBar .navPanel li span { width: 0; height: 0; border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 6px solid #fff; float: right; margin: 16px 100px 0 0; *display: none; }
.sideBar .conPanel { clear: both; font-size: 0.875em; margin-top: 25px; }
.mainBar { width: 745px; float: left; }
    .sideBar .titPanel, .mainBar .titPanel { height: 100%; clear: both; overflow: hidden; margin: 15px auto; }
        .sideBar .titPanel h3, .mainBar .titPanel h3 { margin: 0; font-size: 1em; float: left; width: 108px; height: 25px; line-height: 25px; text-align: left; padding-left:12px; color: #FFFFFF; }
		.mainBar .titPanel h3 { width: 108px;}
span.rC { color: #ef1d70; clear: both; display: block; font-size: 1.1em; }
.mainBar .conPanel { margin-top: 35px; }
    .mainBar .conPanel img { max-width: 100%; }
    .mainBar .conPanel .con { font-size: 0.875em; }
.mainBar .row { clear: both; margin-top: 25px; }
    .mainBar .row .tit { clear: both; width: 100%; }
        .mainBar .row .tit h4 { margin: 0; font-size: 1em; line-height: 1.8em; text-align: center; float: left; font-size: 1.5em; clear: both; }
        .mainBar .row .tit span { clear: both; display: block; font-size: 0.75em; }
    .mainBar .row .con { clear: both; width: 100%; font-size: 0.875em; }
    .mainBar .row:hover { background-color: #EEEEEE; }
        .mainBar .row:hover .tit h4 { background: -webkit-linear-gradient(left, red, #ff00f2, #5700ff, #20d0c6, #0efc00); -webkit-text-fill-color: transparent; -webkit-background-clip: text; color: #ef1a6e; }
/*js手风琴菜单*/
.jsMenuPanel { clear: both; overflow: hidden; height: 100%; margin-top: 25px; }
    .jsMenuPanel h4 { cursor: pointer; margin: 0; font-size: 1em; line-height: 2.5em; color: #FFF; padding-left: 20px; }
        .jsMenuPanel h4:hover { background: #B4B4B4; }
        .jsMenuPanel h4 span { width: 0; height: 0; border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 6px solid #fff; float: right; margin: 16px 60px 0 0; *display: none; }
        .jsMenuPanel h4 a, .jsMenuDiv a { color: #ffffff; }
    .jsMenuPanel. jsMenuDiv ul { background: #e8e8e8; padding: 8px 0; }
    .jsMenuPanel .jsMenuDiv li a { font-size: 0.875em; padding-left: 20px; display: block; }
    .jsMenuPanel .jsMenuDiv li:hover { background-color: #CCCCCC; }
/*--首页--*/
.idxSearch{margin-top: 7px;}
.idxSearch input { width: 250px; }
/*#idxBusiness .tabTxtBtn { background: #ef1a6e; }*/
#idxBusiness .tab_cont { height: 359px; }
    #idxBusiness .tab_cont ul { height: 344px; }
    #idxBusiness .tab_cont li { width: 48%; margin-top: 25px; margin-left: 1.5%; *margin-left: 1%; float: left; font-size: 0.8125em; }
        #idxBusiness .tab_cont li .img, #idxBusiness .tab_cont li .img1 { width: 85px; height: 85px; float: left; margin-right: 10px; }
            #idxBusiness .tab_cont li .img img { width: 85px; height: 85px; }
            #idxBusiness .tab_cont li .img1 img { width: 85px; height: 85px; -moz-border-radius: 42px; /* Gecko browsers */ -webkit-border-radius: 42px; /* Webkit browsers */ border-radius: 42px; /* W3C syntax */ }
        #idxBusiness .tab_cont li .tit a { float: left; width: 215px; font-weight: bold; color: #48009a; }
        #idxBusiness .tab_cont li:nth-last-child(odd) .tit a { color: #00aeff; }
        #idxBusiness .tab_cont li .tit a:hover { background: -webkit-linear-gradient(left,red,#f96,yellow,green,#ace); -webkit-text-fill-color: transparent; -webkit-background-clip: text; color: #ef1a6e; }
        #idxBusiness .tab_cont li .price { float: left; width: 215px; color: #F02D7B; font-weight: bold; }
        #idxBusiness .tab_cont li .con { float: left; width: 215px; color: #333; }
#idxBusiness .tabTxtBtn li:nth-child(2) { background: #26bdef; }
    #idxBusiness .tabTxtBtn li:nth-child(2) span { border-color: #26bdef transparent transparent transparent; }
#idxBusiness .tabTxtBtn li:nth-child(3) { background: #ef1a6e; }
    #idxBusiness .tabTxtBtn li:nth-child(3) span { border-color: #ef1a6e transparent transparent transparent; }
/*友情链接、微网络空间*/
.idxFriendLinkPanel { width: 66%; float: left; margin-right: 2%; }
.idxWblogPanel { width: 32%; float: left; }
    .idxFriendLinkPanel .titPanel, .idxWblogPanel .titPanel { width: 100%; height: 58px; clear: both; overflow: hidden; margin-left: 2px; }
.idxFriendLinkPanel .titPanel { background: url(/templates/images/idx_friendlink_bg.jpg) no-repeat right; }
    .idxFriendLinkPanel .titPanel h3, .idxWblogPanel .titPanel h3 { margin: 20px 0 0 0; font-size: 1em; width: 108px; height: 25px; text-align: center; float: left; color: #FFF; }
.idxFriendLinkPanel .conPanel, .idxWblogPanel .conPanel, .zgsConPanel { width: 100%; clear: both; font-size: 0.8125em; overflow: hidden; }
    .idxFriendLinkPanel .conPanel li{ margin: 2px; *margin-left: 1px; float: left; }
	.zgsConPanel li { margin: 2px 6px; *margin-left: 1px; float: left; }
        .idxFriendLinkPanel .conPanel li a, .zgsConPanel li a { display: block; }
        .idxFriendLinkPanel .conPanel li .img, .zgsConPanel li .img { width: 128px; height: 58px; float: left; overflow: hidden; }
.idxWblogPanel .imgPanel li { float: left; margin: 4px; }
.idxWblogPanel li:hover, .idxFriendLinkPanel .conPanel li:hover, .zgsConPanel li:hover { filter: alpha(opacity=60); -moz-opacity: 0.6; -khtml-opacity: 0.6; opacity: 0.6; }
/*--频道页--*/
/*领导面板*/
.leaderConPanel { clear: both; height: 100%; overflow: hidden; }
    .leaderConPanel img { width: 100%; }
    .leaderConPanel .tit { clear: both; font-size: 0.875em; display: block; margin-top: 8px; font-weight: bold; }
    .leaderConPanel .con { clear: both; font-size: 0.75em; float: left; }
    .leaderConPanel .more a { background: #d8d8d8; }
        .leaderConPanel .more a:hover { color: #48009a; }
.leaderMessage { margin: 25px; clear: both; height: 100%; overflow: hidden; }
    .leaderMessage img { float: left; margin-right: 10px; }
.artPerf { clear: both; height: 100%; overflow: hidden; }
    .artPerf img { float: left; margin-right: 10px; }
/*人物介绍页面*/
.biographyPanel { width: 100%; margin-top: 25px; }
    .biographyPanel .IntroPanel, .biographyPanel .conPanel { clear: both; width: 100%; }
        .biographyPanel .IntroPanel .img { float: left; width: 42%; margin-right: 2%; }
        .biographyPanel .IntroPanel .tit, .biographyPanel .IntroPanel .con { width: 56%; float: left; font-size: 0.75em; }
        .biographyPanel .IntroPanel .tit { font-weight: bolder; font-size: 1em; margin-bottom: 10px; }
    .biographyPanel .conPanel { font-size: 0.875em; }
/*图片列表con*/
.photoListPanel .inn,
.artPerf .inn { margin: 1% 1% 0 1%; }
.photoListPanel li { float: left; margin: 1.1%; width: 31%; height: 100%; overflow: hidden; text-align: center; }
    .photoListPanel li:hover { background: #e8e8e8; }
    .photoListPanel li img, .photoListPanel li span { display: block; width: 96%; margin: auto; }
    .photoListPanel li .tit { font-size: 0.875em; text-align: left; font-weight: bold; }
    .photoListPanel li .con { font-size: 0.75em; text-align: left; }
/*演员详细页*/
.mainBar .actorPanel { clear: both; }
    .mainBar .actorPanel .titPanel { height: 100%; clear: both; overflow: hidden; margin-bottom: 25px; }
    .mainBar .actorPanel h3 { margin: 0; font-size: 1em; float: left; width: 108px; height: 25px; line-height: 25px; text-align: center; color: #FFFFFF; }
/*演员切换*/
#actor .tabTxtBtn { }
    #actor .tabTxtBtn li { width: 78px; margin: auto 3px; }
        #actor .tabTxtBtn li img { width: 78px; height: 78px; }
        #actor .tabTxtBtn li.tabButton_current { width: 130px; text-align: center; background: #26bdef; }
#actor .tab_cont { clear: both; }
    #actor .tab_cont span { display: block; float: left; font-size: 0.875em; }
    #actor .tab_cont .tit { width: 110px; color: #48009a; font-weight: bold; }
    #actor .tab_cont .con { width: 630px; }
/*客服中心*/
.messageBoardPanel { width: 100%; }
    .messageBoardPanel .boardPanel { clear: both; }
        .messageBoardPanel .boardPanel span { display: block; width: 357px; height: 35px; line-height: 35px; background: #dfdfdf; float: left; margin: 0 30px 20px 0; *margin: 0 23px 20px 0; font-size: 0.875em; text-indent: 1em; }
        .messageBoardPanel .boardPanel .r { margin-right: 0; }
        .messageBoardPanel .boardPanel span input { width: 280px; *width: 255px; height: 30px; background: #dfdfdf; border: none; margin-left: 10px; font-size: 1em; line-height: 35px; *line-height: normal; outline: none; }
        .messageBoardPanel .boardPanel textarea { width: 740px; height: 200px; background: #dfdfdf; border: none; overflow: auto; }
        .messageBoardPanel .boardPanel .btnPanel { clear: both; text-align: right; margin: 10px auto; }
        .messageBoardPanel .boardPanel button { width: 8em; height: 3em; background: #26bdef; font-size: 0.875em; line-height: 3em; border: 1px solid #26bdef; margin-right: 8px; cursor: pointer; color: #FFF; }
            .messageBoardPanel .boardPanel button:hover { background: #ef1a6e; border: 1px solid; border-color: #333 #ef1a6e #ef1a6e #333; }
    .messageBoardPanel .messagePanel .row { clear: both; margin: 15px auto; font-size: 0.875em; }
        .messageBoardPanel .messagePanel .row .tit { clear: both; color: #3d0084; font-weight: bold; }
            .messageBoardPanel .messagePanel .row .tit span { margin-left: 25px; color: #333; }
        .messageBoardPanel .messagePanel .row .con { clear: both; }
/*产品面板*/
.productBar .menuPanel ul { background: #26bdef; }
.productBar .menuPanel li a { color: #FFF; font-size: 1em; }
    .productBar .menuPanel li a:hover { background-color: #48009a; text-decoration: none; }
.productPanel li { display: block; float: left; width: 31%; margin: 0 0 2% 2%; *margin: 0 0 1% 1%; }
    .productPanel li .img img { border: 1px solid #26bdef; margin: auto; }
    .productPanel li span { display: block; }
    .productPanel li i { color: #ef1d70; font-style: normal; }
    .productPanel li .name { font-weight: bold; font-size: 0.875em; clear: both; }
    .productPanel li .sVolume { font-size: 0.75em; float: left; width: 46%; }
    .productPanel li .price { float: left; font-size: 0.75em; width: 50%; text-align: right; color: #ef1d70; }
        .productPanel li .price b { color: #999999; font-weight: normal; text-decoration: line-through; margin-left: 8px; }
    .productPanel li:hover .name { color: #666; }
    .productPanel li:hover .img img { border: 1px solid #ef1d70; }
.productSorting { background: #e8e8e8; line-height: 2.5em; }
    .productSorting span { font-size: 0.75em; margin: auto 10px; color: #ef1a6e; }
    .productSorting a { margin: auto 6px; font-size: 0.75em; }
/*----购物车及订单频道----*/
.orderSide { clear: both; height: 60px; margin-bottom: 10px; }
    .orderSide a { margin: 0; float: left; }
        .orderSide a:hover { filter: alpha(opacity=75); -moz-opacity: 0.75; -khtml-opacity: 0.75; opacity: 0.75; }
/*表格面板*/
.tablePanel .titPanel { width: 100%; line-height: 3em; color: #FFF; font-size: 0.875em; text-indent: 1em; clear: both; margin: auto; }
    .tablePanel .titPanel span { float: right; width: 150px; display: block; text-align: center; }
.tablePanel .inn { margin: 2%; clear: both; height: 100%; overflow: hidden; }
.tablePanel table { width: 95%; border-collapse: collapse; margin: 0 auto 15px auto; font-size: 0.875em; }
.tablePanel tbody { border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; background: #FFF; }
    .tablePanel tbody td { border-left: 1px solid #ccc; border-top: 1px solid #ccc; padding: 5px; font-size: 0.875em; }
.tablePanel table th { border: none; padding: 5px; font-weight: normal; }
.tablePanel thead { text-align: left; }
.tablePanel table td.cS img { width: 65px; height: 65px; float: left; }
.tablePanel table td.cS span { float: left; display: block; margin: 6px 0 0 5px; }
.tablePanel table td.cS b, .tablePanel table td.cS i { display: block; clear: both; line-height: 1.8em; font-style: normal; }
.tablePanel table td.tel i { display: block; clear: both; font-style: normal; }
.tablePanel .con { font-size: 0.875em; margin: 2%; }
.tablePanel .img { text-align: center; }
.tablePanel table td.orderInfo img { width: 110px; height: 110px; border: 1px solid #ccc; float: left; }
.tablePanel table td.orderInfo span { margin: 30px 0 0 5px; float: left; font-size: 1.1em; }
.tablePanel table td.carNumber { text-align: center; }
    .tablePanel table td.carNumber div { width: 90px; margin: auto; }
    .tablePanel table td.carNumber a { display: block; width: 20px; height: 20px; float: left; font-size: 1.2em; line-height: 20px; text-align: center; border: 1px solid #000; }
        .tablePanel table td.carNumber a:hover { background: #e8e8e8; text-decoration: none; }
    .tablePanel table td.carNumber span { display: block; width: 35px; height: 20px; line-height: 20px; text-align: center; float: left; border-top: 1px solid #000; border-bottom: 1px solid #000; }
.tablePanel .orderAddAd { margin: 2% 5%; font-size: 0.875em; }
    .tablePanel .orderAddAd a { margin-left: 10px; color: #ef1a6e; }
.tablePanel .orderAdPanel { clear: both; height: 100%; overflow: hidden; }
    .tablePanel .orderAdPanel .adPanel { margin: 10px; width: 220px; float: left; border: 3px solid #E8E8E8; }
        .tablePanel .orderAdPanel .adPanel .name { font-size: 1em; background: #E8E8E8; padding: 3px; color: #666; }
            .tablePanel .orderAdPanel .adPanel .name span { float: right; font-weight: bold; }
        .tablePanel .orderAdPanel .adPanel .ad { margin: 4px; height: 110px; background: url(/templates/images/order_okad.jpg) no-repeat 196px 95px;; }
            .tablePanel .orderAdPanel .adPanel .ad span { clear: both; display: block; font-size: 0.875em; }
        .tablePanel .orderAdPanel .current, .tablePanel .orderAdPanel .adPanel:hover { border: 3px solid #ef1a6e; cursor: pointer; }
            .tablePanel .orderAdPanel .current .name { background: #ef1a6e; color: #FFF; }
.orderMessage { margin: 5px auto; font-size: 0.875em; }
.orderInfoTit { width: 100%; line-height: 2em; color: #FFF; font-size: 0.875em; text-indent: 1em; clear: both; }
    .orderInfoTit span { float: right; background: #ccc; width: 150px; display: block; text-align: center; color: #26bdef; }
.orderInfoCon { width: 90%; margin: 10px auto; clear: both; font-size: 0.875em; }
.orderTotal { width: 96%; padding-right: 3%; margin: 15px auto; clear: both; font-size: 0.875em; line-height: 3.5em; text-align: right; }
    .orderTotal span { color: #ef1a6e; font-size: 2em; }
.buyBtnPanel { width: 100%; text-align: right; }
    .buyBtnPanel button { width: 120px; height: 45px; line-height: 45px; font-size: 1em; border: none; color: #FFF; text-align: center; margin: 5px; }
        .buyBtnPanel button:hover { color: #ededed; }
.buyHelpBtn { width: 85%; height: 80px; margin: auto; clear: both; }
    .buyHelpBtn li { float: left; width: 80px; height: 60px; margin: 20px; }
        .buyHelpBtn li a { width: 100%; height: 25px; display: block; clear: both; }
            .buyHelpBtn li a i { width: 12px; height: 12px; border: 6px solid #fff; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; background: #ef1a6e; display: block; margin: auto; }
        .buyHelpBtn li span { font-size: 0.875em; display: block; clear: both; text-align: center; }
        .buyHelpBtn li a.current i { width: 15px; height: 15px; border: 3px solid #fff; -webkit-box-shadow: #666 0px 0px 10px; -moz-box-shadow: #666 0px 0px 10px; box-shadow: #666 0px 0px 10px; margin-top: 0; }
        .buyHelpBtn li a:hover i { width: 15px; height: 15px; border: 3px solid #fff; }
.paymentPanel { width: 95%; margin: 15px auto; }
    .paymentPanel dl { clear: both; margin: 25px 10px; overflow: hidden; height: 100%; }
    .paymentPanel dt { width: 18%; float: left; font-size: 0.875em; }
    .paymentPanel dd { width: 82%; float: left; display: block; margin: auto; color: #ef1a6e; font-size: 1em; font-weight: bold; }
        .paymentPanel dd a { height: 32px; margin: 5px 8px 5px 0; padding: 0 15px 0 2px; display: block; float: left; border: 1px solid #ccc; }
            .paymentPanel dd a.current, .paymentPanel dd a:hover { border: 1px solid #ef1a6e; }
            .paymentPanel dd a.current { background: url(/templates/images/payment_ok.gif) no-repeat right bottom; }
            .paymentPanel dd a input { vertical-align: middle; }
            .paymentPanel dd a img { vertical-align: middle; }
    .paymentPanel button { width: 120px; height: 45px; line-height: 45px; font-size: 1em; border: none; color: #FFF; text-align: center; margin: 5px 145px; }
/*商品详情*/
.productViewPanel { width: 745px; float: left; }
.porductBuyPanel { clear: both; height: 100%; overflow: hidden; }
    .porductBuyPanel .titPanel { clear: both; margin: 35px auto 0 auto; }
        .porductBuyPanel .titPanel h3 { font-size: 1.2em; color: #000000; margin: 0; }
    .porductBuyPanel .imgPanel { float: left; width: 315px; height: 315px; margin: 15px 25px 0 0; }
        .porductBuyPanel .imgPanel img { width: 315px; height: 315px; }
    .porductBuyPanel .controlPanel { width: 405px; float: left; }
        .porductBuyPanel .controlPanel dl { clear: both; width: 100%; overflow: hidden; margin: 10px auto; font-size: 0.875em; }
            .porductBuyPanel .controlPanel dl dt { width: 50px; margin-right: 10px; float: left; }
            .porductBuyPanel .controlPanel dl dd { width: 345px; margin: 0; float: left; }
    .porductBuyPanel dl.price span { font-size: 1.8em; color: #ef1a6e; }
    .porductBuyPanel dl.property a { height: 26px; line-height: 26px; margin: 5px 8px 5px 0; display: block; float: left; border: 1px solid #ccc; padding: 0 10px; }
        .porductBuyPanel dl.property a.current, .porductBuyPanel dl.property a:hover { border: 1px solid #ef1a6e; text-decoration: none; }
        .porductBuyPanel dl.property a.current { background: url(/templates/images/payment_ok.gif) no-repeat right bottom; }
    .porductBuyPanel dl.carNumber a { display: block; width: 20px; height: 20px; float: left; font-size: 1.2em; line-height: 20px; text-align: center; border: 1px solid #000; }
        .porductBuyPanel dl.carNumber a:hover { background: #e8e8e8; text-decoration: none; }
    .porductBuyPanel dl.carNumber span { display: block; width: 35px; height: 20px; line-height: 20px; text-align: center; float: left; border-top: 1px solid #000; border-bottom: 1px solid #000; }
    .porductBuyPanel button { width: 190px; margin-right: 10px; height: 45px; background: #0099FF url(/templates/images/buybtn.jpg); font-size: 1.3em; line-height: 45px; color: #FFFFFF; border: none; }
#productview { margin-top: 25px; }
    #productview .tabTxtBtn li { width: 248px; }
        #productview .tabTxtBtn li:nth-child(2) { background: #26bdef; }
            #productview .tabTxtBtn li:nth-child(2) span { border-color: #26bdef transparent transparent transparent; }
        #productview .tabTxtBtn li:nth-child(3) { background: #ef1a6e; }
            #productview .tabTxtBtn li:nth-child(3) span { border-color: #ef1a6e transparent transparent transparent; }
    #productview .tab_cont .infoLink { background: #E8E8E8; line-height: 1.7em; }
        #productview .tab_cont .infoLink a { font-size: 0.75em; margin: 10px; }
    #productview .tab_cont .tit { margin: 5px auto; width: 95%; border-bottom: 1px solid #ccc; }
    #productview .tab_cont .con { margin: auto; width: 95%; font-size: 0.875em; }
.productSever .titPanel { height: 100%; clear: both; overflow: hidden; margin: 25px auto; }
    .productSever .titPanel h3 { margin: 0; font-size: 1em; float: left; width: 108px; height: 25px; line-height: 25px; text-align: center; color: #FFFFFF; }
/*翻页*/
.turnPage { clear: both; }
    .turnPage .inn { text-align: center; float: right; font-weight: bolder; width: 86%; height: 35px; margin-top: 15px; font-size: 0.875em; }
        .turnPage .inn a { color: #48009a; }
            .turnPage .inn a:hover { color: #999999; }
    .turnPage span, .turnPage li { margin: 3px; float: left; display: block; height: 15px; }
    .turnPage span { margin: 3px 8px; }
    .turnPage .up a, .turnPage .down a { display: block; text-align: center; width: 80px; color: #FFFFFF; background: #26bdef; }
        .turnPage .up a:hover, .turnPage .down a:hover { color: #FFFFFF; background: #48009a; }
    .turnPage li { width: 15px; list-style-type: none; margin-top: 5px; }
    .turnPage .current a { color: #26bdef; }
/*尾部*/
.footer { clear: both; height: 100%; overflow: hidden; background: #ef1a6e; color: #E3E3E3; font-size: 0.75em; padding: 15px 0; margin-top: 15px; }
    .footer span { display: block; float: left; margin: 5px 20px; width: 70%; }
    .footer .copy { width: 20%; float: right; text-align: right; }
/*随机色彩选择器*/
.cRandomColor li:nth-child(1n) .tit,
.cRandomColor li:nth-child(4n) span,
.cRandomColor .imgPanel:nth-child(1n) .tit a,
.cRandomColor .row:nth-child(1n) .tit a { color: #f50061; }
.cRandomColor li:nth-child(2n) .tit,
.cRandomColor li:nth-child(5n) span,
.cRandomColor .imgPanel:nth-child(2n) .tit a,
.cRandomColor .row:nth-child(2n) .tit a { color: #836262; }
.cRandomColor li:nth-child(3n) .tit,
.cRandomColor li:nth-child(6n) span,
.cRandomColor .imgPanel:nth-child(3n) .tit a,
.cRandomColor .row:nth-child(3n) .tit a { color: #00e4ff; }
.cRandomColor li:nth-child(4n) .tit,
.cRandomColor li:nth-child(1n) span,
.cRandomColor .imgPanel:nth-child(4n) .tit a,
.cRandomColor .row:nth-child(4n) .tit a { color: #003298; }
.cRandomColor li:nth-child(5n) .tit,
.cRandomColor li:nth-child(2n) span,
.cRandomColor .imgPanel:nth-child(5n) .tit a,
.cRandomColor .row:nth-child(5n) .tit a { color: #e4cc00; }
.cRandomColor li:nth-child(6n) .tit,
.cRandomColor li:nth-child(3n) span,
.cRandomColor .imgPanel:nth-child(6n) .tit a,
.cRandomColor .row:nth-child(6n) .tit a { color: #00f29a; }
/*附加颜色*/
.cRed { color: #ef1a6e; }
.cLightBlue { color: #26bdef; }
.cDarkBlue { color: #3b0056; }
.cPurple { color: #00e4ff; }
.cDarkPurple { color: #48009a; }
.cYellow { color: #e4cc00; }
.cRainbow { background: -webkit-linear-gradient(left, red, #ff00f2, #5700ff, #20d0c6, #0efc00); -webkit-text-fill-color: transparent; -webkit-background-clip: text; color: #ef1a6e; font-weight: bolder; }
/*背景颜色*/
.bRed, a.bRed { background-color: #ef1a6e; }
.bRoseRed { background: #a4009a; }
.bLightBlue { background: #26bdef; }
.bYellow { background: #e4cc00; }
.bDarkPurple, a.bDarkPurple { background: #48009a; }
.bGrey { background: #798c8e; }
.bLightGrey { background: #f3f3f3; }
.bRainbow { background: #ef1a6e url(/templates/images/tit_bg.jpg); }
.bTitRainbowBig { background: #ef1a6e url(/templates/images/t_rainbow_big.jpg); }
/*变色链接*/
.aBlue, .aPurple { width: 180px; height: 45px; line-height: 45px; text-align: center; display: block; float: left; margin-top: 25px; font-weight: bolder; font-size: 1.3em; }
    .aBlue a, .aPurple a { }
.aBlue { background: #26bdef; color: #000000; }
    .aBlue:hover { background: #51c7ee; }
.aPurple { background: #48009a; color: #fff; }
    .aPurple:hover { background: #360271; }
/* 文字滚动 */
.cntvhp_h24 { width: 668px; }
.rockbox { float: left; height: 28px; line-height: 28px; overflow: hidden; position: relative; width: 668px; }
.cntvhp_h24 ul { position: absolute; white-space: nowrap; }
.cntvhp_h24 li { display: inline; padding: 0 14px; font-size: 13px; color: #5499d4; }
.cntvhp_h24 a { color: #5499d4; }
    .cntvhp_h24 a:hover { color: #FF7B01; }
